@import "tailwindcss";

/* 自定义样式 */
.drag-active {
  border: 2px dashed #3b82f6;
}

.component-selected {
  outline: 2px solid #3b82f6;
}

.component-hover {
  outline: 1px solid #d1d5db;
}

/* 画布区域样式 */
.canvas-area {
  min-height: 100vh;
  background-color: #f9fafb;
  padding: 1rem;
  background-image: 
    linear-gradient(to right, #e5e5e5 1px, transparent 1px),
    linear-gradient(to bottom, #e5e5e5 1px, transparent 1px);
  background-size: 20px 20px;
}

/* 组件库面板滚动条 */
.component-library::-webkit-scrollbar {
  width: 4px;
}

.component-library::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.component-library::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}

.component-library::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
